// components/test1/test1.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    rgb:{
      r:0,
      g:0,
      b:0
    },
    fullColor:'0,0,0'
  },

  /**
   * 组件的方法列表
   */
  methods: {
    changR(){
      this.setData({
        'rgb.r':this.data.rgb.r + 5 >= 255 ? 255:this.data.rgb.r + 5
      })
    },
    changG(){
      this.setData({
        'rgb.g':this.data.rgb.g + 5 >= 255 ? 255:this.data.rgb.g + 5
      })
    },
    changB(){
      this.setData({
        'rgb.b':this.data.rgb.b + 5 >= 255 ? 255:this.data.rgb.b + 5
      })
    },
// 生成随机rgb
    randomColo(){
      this.setData({
        rgb:{
          r:Math.floor(Math.random()*225),
          g:Math.floor(Math.random()*225),
          b:Math.floor(Math.random()*225),

        }
      })
    }
  },
  // 在组件所在的生命周期函数中调用
  pageLifetimes:{
    show(){
      this.randomColo()
    }
  },
  observers:{
    'rgb.r,rgb.g,rgb.b'(r,g,b){
      this.setData({
        fullColor:`${r},${g},${b}`
      })
    }

  }
})
